import React, { useState, useEffect } from 'react'
import { Button, Select, Input } from 'antd';
import { classApi_createAcollage } from '../../api/Grade'
import "./createClassBan.less"
export default function CreateaClassBan(props) {
    let { close } = props
    const { Option } = Select;
    const { TextArea } = Input;
    function handleChange() {

    }
    return (
        <div className='CreateaClassBan'>
            <div className='createMain'>
                <div className='className'>
                    <span>班级名称</span><Input className='antdInput' placeholder="Basic usage" />
                </div>
                <div>
                    <span>所属学院</span>
                    <Select className='antdSelect widthSelect' defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
                        <Option value="jack">Jack</Option>
                        <Option value="lucy">Lucy</Option>
                        <Option value="disabled" disabled>
                            Disabled
                        </Option>
                        <Option value="Yiminghe">yiminghe</Option>
                    </Select>
                </div>
                <div>
                    <span>所属校区</span>
                    <Select className='antdSelect widthSelect' defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
                        <Option value="jack">Jack</Option>
                        <Option value="lucy">Lucy</Option>
                        <Option value="disabled" disabled>
                            Disabled
                        </Option>
                        <Option value="Yiminghe">yiminghe</Option>
                    </Select>
                </div>
                <div>
                    <span>所属阶段</span>
                    <Select className='antdSelect widthSelect' defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
                        <Option value="jack">Jack</Option>
                        <Option value="lucy">Lucy</Option>
                        <Option value="disabled" disabled>
                            Disabled
                        </Option>
                        <Option value="Yiminghe">yiminghe</Option>
                    </Select>
                </div>
                <div>
                    <span>讲师</span>
                    <Select className='antdSelect' defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
                        <Option value="jack">Jack</Option>
                        <Option value="lucy">Lucy</Option>
                        <Option value="disabled" disabled>
                            Disabled
                        </Option>
                        <Option value="Yiminghe">yiminghe</Option>
                    </Select>
                    <span>导员</span>
                    <Select className='antdSelect' defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
                        <Option value="jack">Jack</Option>
                        <Option value="lucy">Lucy</Option>
                        <Option value="disabled" disabled>
                            Disabled
                        </Option>
                        <Option value="Yiminghe">yiminghe</Option>
                    </Select>
                    <span>教室</span>
                    <Select className='antdSelect' defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
                        <Option value="jack">Jack</Option>
                        <Option value="lucy">Lucy</Option>
                        <Option value="disabled" disabled>
                            Disabled
                        </Option>
                        <Option value="Yiminghe">yiminghe</Option>
                    </Select>
                </div>
                <div>
                    <span>班级说明</span>
                    <TextArea rows={4} />
                </div>
            </div>
            <div className="but">
                <Button type="primary" onClick={close}>取消</Button>
                <Button type="primary" onClick={() => {
                    close()
                }} >确定</Button>
            </div>
        </div >
    )
}
